<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!--VIEWPORT META-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

<title>Beer Ticks Mobile App Beer</title>

<!-- CSS stylesheets -->
    <link type="text/css" href="css/master.css" rel="stylesheet"/>
<!--WEBFONTS-->
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>    
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'/>
<!--JAVASCRIPT-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>

    
</head>

<body>
	<!--SITE WRAPPER-->
	<div id="siteWrapper">
		<!--BEER WRAPPER-->
		<div id="beerWrapperTop"><img src="images/beer_page_border_top.png" width="318" height="73" /></div>
		<div id="beerWrapper">
			
			<!--BEER HEADER-->
			<div id="beerHeader"><h2>Joker IPA</h2>
			<div class="headerLine"><img src="images/underline.png" width="157" height="3" alt="beerTicks"/></div></div>

			<!--BREW RATING-->
			<div class="brewRating" id="beerRating">
				<p>
		            <span class="stars">
		                <span></span>
		            </span> 
		        </p>
		    </div><!--/BREW RATING-->  

		    <!--BEER IMG-->
			<div id="beerImg"><img src="images/FPO_beer.png" width="116" height="260"</div><!--/BEER IMG-->

			<!--BEER COPY-->
			<div id="beerCopy"><p>Holy hoppiness, lads! This IPA hits your palate with initial heartiness that subtly unearths fresh hints of lemon, grapefruit and floral notes. An IPA with a sense of adventure, but it doesn't forget where it came from either.</p></div><!--/BEER COPY-->
		
		</div><!--/BEER WRAPPER-->
		<div id="beerWrapperBottom"></div>

	</div><!--/SITE WRAPPER-->
</body>
</html>
